.loading{
	position: fixed;
    left: 55%;
    top: 40%;
    width: 300px;
    height: 200px;
    margin: -100px 0px 0px -150px;
    z-index: 99999;
}

#pageOverlay { 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:99998; 
	width:100%; 
	height:100%; 
	background:#000; 
	filter:alpha(opacity=70); 
	opacity:0.1; 
}

#left{
	width: calc(30% + 59px);
    float: left;
    border-right: 1px solid #ccc; 
}

#right,#right1{
	width: calc(70% - 59px);
    float: left;
}

#pageBox{
	margin-right: -20px !important;
	margin-left: -20px !important;
	margin-top: -20px !important;
}

#pageCenter{
	display: flex;	
}

#pageCenterLeft{
	float: left;
    width: 100%;
}

#pageCenterRight{
	float: left;
    width: 100%;
}

#pageBottom{
	width: 100%;
	height: 73px;
/* 	border-bottom: 1px solid #ccc; */
}

#pageTopLeft{
	height:73px;
	width:100%;
	display: flex;
	float: left;
    border-bottom: 1px solid #ccc;
}

#pageTopRight{
	height:73px;
	width:100%;
	display: flex;
	float: left;
	border-bottom: 1px solid #ccc;
}

#pageLeft{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: calc(100% - 100px);
	float: left;
	overflow-y: auto;
    overflow-x: hidden;
}

#pageLeft1{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: calc(100% - 100px);
	float: left;
	overflow-y: auto;
    overflow-x: hidden;
}

#pageMid{
	width: 100px;
	border-bottom: 1px solid #ccc;
	float: left;
    position: relative;
}

.divBottom{
	position:absolute;
	bottom:0px;
	width:100%;
}

#pageRight{
	border-bottom: 1px solid #ccc;
	width:100%;
	float: left;
	position: relative;
}

#pageBottomLeft{
/* 	border-right: 1px solid #ccc; */
	width:100%;
	height: 73px;
	float: left;
	text-align: right;
	padding: 6px;
    line-height: 61px;
    display: inline-table;
}

#pageBottomRight{
	width: 100%;
	height: 73px;
	float: left;
	padding: 6px;
}

/* .ace-settings-container { */
/*   position: absolute !important; */
/*   left: 0 !important; */
/*   right:auto !important; */
/*   top: 50px !important; */
/*   z-index: 12 !important; */
/* } */

/* .btn.btn-app.ace-settings-btn { */
/*   float: left !important; */
/*   display: block !important; */
/*   text-align: center !important; */
/*   border-radius: 0px 6px 6px 0px !important; */
/*   opacity: 0.55 !important; */
/*   vertical-align: top !important; */
/*   margin: 0 !important; */
/*   padding-bottom: 10px !important; */
/* } */

/* #ace-settings-box{ */
/* 	width: 300px; */
/* 	height: 500px; */
/* 	padding: 0px !important; */
/* } */

.xsxm_box{
	padding:  0 !important;	
	margin: 1px !important;
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    line-height: 1.7;
}

.flex {
    display: flex;
    align-items: center;
}

.xsxm_box_top {
    width: 100%;
    line-height: 30px !important;
}

.xsxm_box_top_left{
	color:#2b8ccc;
	margin-right:2%;
	max-width:60%;
	min-width:40%;
	overflow:hidden;
	margin-left:3%;
}

.xsxm_box_top_right {
    margin-left: auto;
    margin-right: 3%;
}

.brzd_box_top_left{
	margin-right:2%;
	max-width:60%;
	margin-left:3%;
}

.brzd_box_top_right {
    margin-left: auto;
    margin-right: 3%;
}


.eachName{
	font-weight: normal;
	font-size: 15px !important;
}

.eachPirce{
	color: #9585BF;
	font-size: 15px !important;
}
	
.eachNumber{
/* 	color: #f89406; */
    font-size: 22px;
    cursor: pointer;
    font-size: 15px !important;
}

.eachJe{
	color: #2b8ccc;
}

.xsxm_box_bottom{
	width: 100%;
    line-height: 30px !important;	
}

.oper_btn{
	margin: 1px !important;
	height: 50px;
	width:calc(100% - 2px) !important;
}

.oper_btn1{
	margin: 1px !important;
	height: 48px;
	width:calc(100% - 2px) !important;
}

.bottom_btn{
	margin: 1px !important;
	height: 60px;
/* 	width: calc(10% - 2px) !important; */
}

.bottom_btn_left{
	margin: 1px !important;
	height: 40px !important;
	width: 57px !important;
	padding: 6px 0px !important;
}

.brzd_box{
	display: inline-block;
    font-weight: normal;
    border: none;
    border-radius: 6px;
/*     padding:8px 0 8px !important; */
	padding:0px !important;
    position: relative ;
}

.brzd_box.active{
    border: 1.5px solid #8a0000 !important;
    transform: scale(1.15);
    box-shadow: 0 0 10px #800000 !important;
    z-index: 1;
}

.brzd_box.multiActive{
    border: 1.5px solid #8a0000 !important;
    transform: scale(1.03);
    box-shadow: 0 0 10px #800000 !important;
    z-index: 1;
}

.popover{
	max-width: 340px;
	width: 125px
}

.checkicon{
	transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: absolute;
    height: 100%;
    
}
